import React, { Component } from 'react';
import { Calendar } from 'antd';

class AboutCalendar extends Component {
  constructor(props) {
    super(props);
    this.state = {};
    console.log(this.props);
  }

  componentDidMount() {}

  onPanelChange = (value, mode) => {
    const { showLoading, hideLoading } = this.props;
    showLoading('loading...');
    setTimeout(() => {
      hideLoading();
    }, 3000);
    console.log(mode);
  };

  render() {
    return (
      <div style={{ width: '100%', border: '1px solid #d9d9d9', borderRadius: 4, minHeight: 320 }}>
        <Calendar fullscreen={false} onPanelChange={this.onPanelChange} />
      </div>
    );
  }
}
export default AboutCalendar;
